<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header" ng-init="init();"  style="background-color: #fafafa">
  <div class="kmi-header-row">
      <div class="header-title" ng-bind="dialog.title | translate"></div>
      <div class="kmi-side-btn right" ng-click="dialog.back();">
          <img src="image/icons/clear.png"></img>
          <div class="kmi-can-click"></div>
      </div>
  </div>
  <div class="kmi-layout-main-content"  style="padding:0px;">
    <div class="kmi-layout-page">
        <div class="perfect-scrollbar mdl-check-list" id="column-selector-list">
          <div class="mdl-check-list__item"  ng-repeat="item in dialog.itemList | orderBy:dialog.order track by $index"  style="position : relative;"
            ng-class="{'is-disabed':item.disabled, 'is-can-check':dialog.itemClick}" ng-hide="item.isHide">
            <div class="mdl-check-list__checkbox">
                  <img ng-hide="item.isSelect" src="image/icons/check0.png"></img>
                  <img ng-show="item.isSelect" src="image/icons/check1.png"></img>
            </div>
            <div class="mdl-check-list__title"  ng-bind="item[dialog.label]"></div>
            <div class="mdl-check-list__icon" ng-if="dialog.isDrag"><img src="image/icons/drop.png"></img></div>
            <div class="kmi-can-click" ng-if="!item.disabled" ng-click="dialog.itemClick(item, $event);"></div>
          </div>
        </div>
    </div>
  </div>
</div>
